<#import "/WEB-INF/freemarker_macro/mallPage.ftl" as mypage>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>***</title>
<meta name="robots" content="all" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="Identifier-URL" content="" />
<link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" />
<link rel="Bookmark" href="/favicon.ico" type="image/x-icon" />
<link href="${base}/css/mall/reset.css" rel="stylesheet" type="text/css" />
<link href="${base}/css/mall/webmain.css" rel="stylesheet" type="text/css" />
<link href="${base}/css/mall/ddsmoothmenu.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var webRoot = "${base}";
</script>
<script type="text/javascript" src="${base}/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="${base}/js/mall/jquery.KinSlideshow-1.2.1.js"></script>
<script type="text/javascript" src="${base}/js/mall/webtry_roll.js"></script>
<script type="text/javascript" src="${base}/js/mall/ddsmoothmenu.js"></script>
<script type="text/javascript">
ddsmoothmenu.init({
	mainmenuid: "MainMenu", //menu DIV id
	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu', //class added to menu's outer DIV
	//customtheme: ["#1c5a80", "#18374a"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

function doSearch(curPage,perPage){
	$("#curPage").val(curPage);
	$("#perPage").val(perPage);
	$("#prodSearchForm").submit();
}
</script>
</head>
<body>
		<div id="wrapper">
			<#include "/WEB-INF/mall/${language}/head.html" parse=true>
			<div id="page_main" class="clearfix">
				<div class="page-right">
					<div class="site-nav">
						<span>当前位置 : </span><a href="${base}/indexMall.do">公司主页</a> &gt;&gt;
						<a href="${base}/products.do" title="产品展示">产品展示</a>
					</div>
					<div class="page-products">
						<ul class="clearfix">
							<#if page.list??>
    							<#list page.list as prod>
								<li>
									<a href="${base}/product.do?pid=${prod.prodId}" title="${prod.prodName}"><img
											src="${base}${prod.picture}_S.jpg" width="210"
											height="150" alt="${prod.prodName}" /><span>${prod.prodName}</span>
									</a>
								</li>
								</#list>
							</#if>
						</ul>
						<div class="page_list">
							<div class="list_info">
								<div class="yellow" align="center">
									<form action="${base}/products.do" id="prodSearchForm" method="post">
							    	<@mypage.page pageset=page link="javascript:doSearch" pageSize=9/>
							    	<input type="hidden" name="curPage" id="curPage" />
							        <input type="hidden" name="perPage" id="perPage" />
							    	</form>
							    </div>
							</div>
						</div>
					</div>
				</div>
				<div class="page-left">
					<div class="left-products">
						<h2>
							<span>产品展示</span>
						</h2>
						<div id="LeftMenu" class="ddsmoothmenu-v">
							<ul>
								<#if lstTypes?? && lstTypes?size gt 0>
									<#list lstTypes as type>
									<li>
										<a href="${base}/products.do?typeId=${type.typeId}" title="${type.typeName}"><span>${type.typeName}</span>
										</a>
									</li>
									</#list>
								</#if>
							</ul>
						</div>
						<script type="text/javascript">
						ddsmoothmenu.init({
							mainmenuid: "LeftMenu", //Menu DIV id
							orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
							classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
							//customtheme: ["#804000", "#482400"],
							contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
							})
				        </script>
					</div>
					<#include "/WEB-INF/mall/${language}/side.html" parse=true>
				</div>
			</div>
			<#include "/WEB-INF/mall/${language}/bottom.html" parse=true>
		</div>
	</body>
</html>